<extend name='Public/demo' />

<block name='contents'>
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/Theme/assets/bootstrap-datepicker/css/datepicker.css" />
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/Theme/assets/bootstrap-colorpicker/css/colorpicker.css" />
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/Theme/assets/bootstrap-daterangepicker/daterangepicker.css" />
	<script src="__PUBLIC__/Home/User/jquery.waypoints.min.js"></script>
	<style>
		body {
			font: 12px/18px STHeiti,'Microsoft YaHei',arial,\5b8b\4f53;
			color: #333;
		}
		#timeline_wrapper {
			width: 864px;
			margin-left: 16px;
		}
		#timeline_wrapper {
			margin: 0 auto;
		}
		#profile_wrapper {
			margin: 0 auto;
			width: 1014px;
			padding-bottom: 20px;
			_position: relative;
		}
		#profile_wrapper {
			width: 860px;
		}
		.bd-content {
			margin: 0 auto;
			padding: 15px 0 0;
			position: relative;
		}
		.nx-main860 .hd-nav, .nx-main860 .bd-content, .nx-main860 .frame-nav-inner {
			width: 860px;
		}
		#timeline {
			padding-top: 30px;
			padding-bottom: 25px;
			background: url(http://s.xnimg.cn/apps/profile2/res/timeline/bg_timeline_bar2.gif) repeat-y 431px 0;
			position: relative;
			z-index: 10px;
		}
		#timeline .timeline_feed, .born .timeline_feed {
			margin-bottom: 25px;
			width: 432px;
			position: relative;
			zoom: 1;
		}
		#timeline .tll_feed {
			float: left;
			clear: left;
		}
		.tl-a-feed {
			background-color: #fff;
			position: relative;
			word-wrap: break-word;
			-moz-box-shadow: 0 1px 1px #d0d0d0;
			-webkit-box-shadow: 0 1px 1px #d0d0d0;
			box-shadow: 0 1px 1px #d0d0d0;
		}
		.tl-new-feed {
			background-color: #fff;
			position: relative;
			border-radius: 3px;
			word-wrap: break-word;
			-moz-box-shadow: 0 1px 1px #d0d0d0;
			-webkit-box-shadow: 0 1px 1px #d0d0d0;
			box-shadow: 0 1px 1px #d0d0d0;
			word-break: break-all;
			word-wrap: break-word;
		}
		#timeline .timeline_feed section, .born .timeline_feed section {
			width: 411px;
			border: 1px solid #d1d1d1;
			border-radius: 3px;
			background: #fff;
			text-align: left;
		}

		input, select {
			vertical-align: middle;
			font-size: 12px;
		}

		select, label, textarea, input {
			font-family: "lucida grande",tahoma,verdana,arial,STHeiTi,simsun,sans-serif;
		}
		.tl-a-feed .content {
			zoom: 1;
			padding: 15px;
		}
		.tl-new-feed .content {
			zoom: 1;
			padding: 20px 18px 0 20px;
		}
		.tl-new-feed .content-header {
			height: 26px;
			padding-bottom: 20px;
			_padding-bottom: 11px;
		}
		.description, .time {
			color: #888;
		}
		.tl-a-feed .content-main {
			padding: 0 0 10px;
		}
		.tl-new-feed .content-main {
			line-height: 20px;
			padding: 0 0 20px 0;
			margin-top:10px;
		}
		.tl-new-feed .content-header span {
			display: block;
		}
		.tl-new-feed .content-header .day {
			float: left;
			font-size: 35px;
			line-height: normal;
			color: #333;
			font-weight: 700;
			font-family: arial;
			margin: -6px 0 0;
			width: 45px;
		}
		.tl-new-feed .content-header .day {
			line-height: normal;
		}
		.tl-new-feed .content-header .time-right {
			float: left;
			width: 36px;
		}
		.tl-new-feed .content-header .month, .tl-new-feed .content-header .year {
			font-size: 12px;
			color: #888;
		}

		.tl-a-feed .content .content-media .friend-img {
			width: 50px;
			height: 50px;
			float: left;
			overflow: hidden;
		}
		.tl-a-feed .content .content-media .one-friend {
			margin-left: 65px;
		}
		.tl-a-feed .content h4 {
			font-size: 14px;
			font-weight: 400;
			line-height: 21px;
		}
		.tl-a-feed .content .content-media .one-friend h4 {
			font-size: 14px;
			font-weight: 700;
			padding: 3px 0 6px;
		}
		.tl-a-feed .content .content-main .new-friend {
			margin: 0;
			color: #aaa;
			font-weight: 700;
		}
		.tl-a-feed .content .content-media .many-friend {
			margin-right: -15px;
		}
		.tl-a-feed .content .content-media .many-friend li {
			width: 50px;
			height: 50px;
			float: left;
			margin: 5px 5px 0 0;
			overflow: hidden;
		}



		.tl-a-feed .details {
			zoom: 1;
			padding: 10px 15px;
			background-color: #F2F2F2;
			border-top: none;
		}
		.tl-a-feed .details .avatar {
			float: left;
			width: 30px;
			height: 30px;
			overflow: hidden;
		}
		.tl-a-feed .details .avatar a {
			display: block;
		}
		.tl-a-feed .details .avatar img {
			display: block;
			/*margin-left: -10px;*/
			max-width: 30px;
		}
		.tl-a-feed .details .info {
			margin-left: 38px;
			_margin-left: 35px;
			color: #AAA;
		}
		.tl-a-feed .details .info .target {
			font-weight: 700;
		}

		.tl-a-feed .details .info p.main {
			line-height: normal;
		}
		.tl-a-feed .details .info .author a {
			font-weight: 700;
			color: #aaa;
		}
		p {
			line-height: 1.4em;
		}
		.description, .time {
			color: #888;
		}
		.tl-a-feed .details .info .time {
			color: #AAA;
		}


		article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, details, summary {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-size: 100%;
			vertical-align: baseline;
			background: 0 0;
		}
		.tl-new-feed .share-feed {
			zoom: 1;
			padding: 20px 18px 20px 20px;
		}
		.tl-new-feed .tl-share-title {
			line-height: 18px;
			margin-bottom: 10px;
		}

		a:-webkit-any-link {
			color: -webkit-link;
			text-decoration: underline;
			cursor: auto;
		}
		a {
			text-decoration: none;
		}
		a {
			color: #227dc5;
		}
		a:link, a:visited {
			color: #369;
			text-decoration: none;
		}
		a:link, a:visited {
			color: #369;
			text-decoration: none;
		}
		.tl-a-feed a {
			blr: expression(this.onFocus=this.blur());
		}
		.tl-a-feed a {
			outline: 0;
		}
		a:link, a:visited {
			color: #227dc5;
			text-decoration: none;
		}
		a:link, a:visited {
			color: #227dc5;
			text-decoration: none;
		}
		.tl-a-feed .content-source {
			margin-top: 5px;
		}
		.tl-a-feed .content-source aside {
			padding: 8px 10px;
			border: 1px solid #EBEBEB;
			background-color: #F7F7F7;
			color: #888;
			zoom: 1;
		}
		.tl-new-feed .content-source aside {
			position: relative;
			background-color: #F7F7F7;
			color: #888;
			zoom: 1;
			margin-bottom: 10px;
			border: none;
			padding: 0;
		}
		.tl-a-feed .content-source .main-text {
			overflow: hidden;
			table-layout: fixed;
			word-wrap: break-word;
			word-break: break-all;
		}
		.tl-new-feed .content-source .main-text {
			overflow: hidden;
			table-layout: fixed;
			word-wrap: break-word;
			word-break: break-all;
		}
		.tl-a-feed .content-source aside .main-text {
			line-height: 1.8;
		}
		.tl-new-feed .content-source aside .main-text {
			line-height: 20px;
			padding: 11px 15px 7px;
		}
		.tl-new-feed .content-source aside .tl-share-status {
			padding-bottom: 11px;
		}
		.tl-new-feed .tl-share-time {
			color: #b5b5b5;
		}
		.tl-a-feed .legend {
			zoom: 1;
			color: #888;
			padding: 0 15px 15px;
		}
		.tl-new-feed .legend {
			zoom: 1;
			height: 34px;
			line-height: 34px;
			background-color: #f7f7f7;
			border-top: 1px solid #ebebeb;
			padding: 0 0 0 20px;
			border-radius: 0 0 3px 3px;
			overflow: hidden;
		}
		.tl-a-feed .legend a, .tl-a-feed .legend span {
			height: 16px;
			line-height: 16px;
		}
		.tl-new-feed .legend .type {
			float: left;
			height: 34px;
			line-height: 34px;
			color: #c2c2c2;
		}
		.tl-a-feed .legend a, .tl-a-feed .legend a:visited {
			color: #666;
		}
		.tl-a-feed .legend a, .tl-a-feed .legend span {
			height: 16px;
			line-height: 16px;
		}
		.tl-new-feed .legend a {
			display: block;
			color: #8692aa;
			height: 35px;
			line-height: 35px;
		}
		.tl-a-feed .legend .replied {
			float: left;
		}
		.tl-new-feed .legend .replied {
			float: right;
			color: #abb4c6;
			font-size: 12px;
			padding: 0 20px 0 33px;
			background: url(http://a.xnimg.cn/apps/profile2/res/feed/new/icon.png) 13px -133px no-repeat;
			_background: url(http://a.xnimg.cn/apps/profile2/res/feed/new/icon_png8.png) 13px -133px no-repeat;
		}
		.tl-a-feed .legend a, .tl-a-feed .legend a:visited {
			color: #666;
		}
		.tl-a-feed .legend .shared {
			float: right;
			font-size: 12px;
			color: #888;
			background: url(http://a.xnimg.cn/apps/profile2/res/feed/icons_share.png) 0 0 no-repeat;
			padding-left: 22px;
		}
		.tl-new-feed .legend .shared {
			float: right;
			color: #abb4c6;
			font-size: 12px;
			padding: 0 15px 0 34px;
			background: url(http://a.xnimg.cn/apps/profile2/res/feed/new/icon.png) 14px -66px no-repeat;
			_background: url(http://a.xnimg.cn/apps/profile2/res/feed/new/icon_png8.png) 14px -66px no-repeat;
		}
		.tl-a-feed .legend a, .tl-a-feed .legend a:visited {
			color: #666;
		}
		.tl-a-feed .feed-comment {
			padding: 10px 15px;
			background-color: #F2F2F2;
			border-top: 1px solid #D1D1D1;
			-webkit-box-shadow: 0 1px 0 0 #FFF inset;
			-moz-box-shadow: 0 1px 0 0 #FFF inset;
			box-shadow: 0 1px 0 0 #FFF inset;
			zoom: 1;
			border-radius: 0 0 3px 3px;
		}
		#timeline section .feed-comment, #timeline section .feed-replies {
			display: none;
		}
		.tl-a-feed .feed-comment .avatar, .tl-a-feed .feed-comment .comment-box .action {
			display: none;
		}
		fieldset, img {
			border: 0;
		}
		img {
			border: 0;
			-ms-interpolation-mode: bicubic;
			vertical-align: middle;
		}
		fieldset, img {
			border: 0;
		}
		textarea {
			border: 1px solid #bdc7d8;
			padding: 3px;
			font-size: 12px;
			overflow: auto;
			word-wrap: break-word;
			word-break: break-all;
		}
		select, label, textarea, input {
			font-family: "lucida grande",tahoma,verdana,arial,STHeiTi,simsun,sans-serif;
		}
		.tl-a-feed .feed-comment textarea {
			resize: none;
			-webkit-box-shadow: 0 1px 0 0 #ECECEC inset;
			-moz-box-shadow: 0 1px 0 0 #ECECEC inset;
			box-shadow: 0 1px 0 0 #ECECEC inset;
			border: 1px solid #D1D1D1;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			width: 100%;
			height: 31px;
			line-height: 23px;
			background-color: #FFF;
			color: #888;
		}
		.tl-a-feed .comment-box .action {
			padding-top: 10px;
		}
		.tl-a-feed .feed-comment .avatar, .tl-a-feed .feed-comment .comment-box .action {
			display: none;
		}
		.tl-a-feed .comment-box .action .emotion {
			background: url(http://a.xnimg.cn/imgpro/icons/re-icons.png) no-repeat scroll 0 0 transparent;
			display: block;
			float: left;
			height: 14px;
			margin-right: 20px;
			outline: 0 none;
			position: relative;
			text-indent: -9999em;
			width: 14px;
			z-index: 2;
		}
		.tl-a-feed .comment-box .action .share {
			float: left;
			height: 16px;
			line-height: 16px;
			margin-right: 10px;
			_margin-right: 7px;
			zoom: 1;
			overflow: hidden;
			padding-top: 1px;
			_padding-top: 2px;
		}
		input, select {
			vertical-align: middle;
			font-size: 12px;
		}
		select, label, textarea, input {
			font-family: "lucida grande",tahoma,verdana,arial,STHeiTi,simsun,sans-serif;
		}
		input[type="checkbox"], input[type="radio"] {
			box-sizing: border-box;
			padding: 0;
		}
		.tl-a-feed .comment-box .action .share input {
			float: left;
			height: 14px;
			line-height: 14px;
			margin: 0 3px 0 0;
		}
		label {
			cursor: default;
		}
		label {
			color: #333;
			cursor: pointer;
		}
		select, label, textarea, input {
			font-family: "lucida grande",tahoma,verdana,arial,STHeiTi,simsun,sans-serif;
		}
		.tl-a-feed .comment-box .action .share label {
			float: left;
			height: 14px;
			line-height: 14px;
			margin: 0;
			color: #888;
		}
		.tl-feed-actions menu {
			background: 0 0;
			font-size: 0;
		}
		.tl-feed-actions menu a {
			float: left;
			display: block;
			border: 1px solid #AAA;
			border-radius: 3px;
			height: 26px;
			line-height: 26px;
			background: url(http://a.xnimg.cn/apps/profile2/res/feed/btnbg.png) 0 0 repeat-x;
			color: #333;
		}
		.tl-feed-actions menu .highlight-this {
			border-radius: 3px 0 0 3px;
		}
		.tl-feed-actions menu a:hover, .tl-feed-actions menu a:visited {
			color: #333;
			text-decoration: none;
		}
		.tl-feed-actions menu .edit-this {
			border-left: 0 none;
			border-radius: 0 3px 3px 0;
			position: relative;
		}
		.tl-feed-actions menu span {
			font-size: 12px;
			display: inline-block;
			zoom: 1;
			text-align: left;
			padding: 0 10px 0 25px;
			height: 26px;
			line-height: 26px;
			color: #333;
			font-weight: 700;
			background: url(http://a.xnimg.cn/apps/profile2/res/feed/actions2.png) 10px 7px no-repeat;
			font-size: 0;
			width: 0;
			overflow: hidden;
		}
		.tl-feed-actions menu .edit-only .edit-btn, .tl-feed-actions menu .edit-this .edit-btn {
			background-position: 10px -128px;
		}
		.tl-feed-actions menu .menu-list, .tl-feed-actions menu .menu-list-only {
			display: none;
			font-size: 12px;
		}
		i, cite, em, var, address, dfn {
			font-style: italic;
		}
		#timeline .tll_feed i {
			position: absolute;
			width: 25px;
			height: 14px;
			background: url(http://s.xnimg.cn/apps/profile2/res/timeline/bg_dot_right3.png) no-repeat;
			_background: url(http://s.xnimg.cn/apps/profile2/res/timeline/bg_dot_right_ie6.png) no-repeat;
			top: 15px;
			right: -5px;
			text-indent: -9999em;
		}
		#timeline .timeline_feed, .born .timeline_feed {
			margin-bottom: 25px;
			width: 432px;
			position: relative;
			zoom: 1;
		}
		#timeline .tlr_feed {
			float: right;
			clear: right;
		}
		#timeline .tlr_feed section {
			float: right;
		}
		.tl-new-feed .share-feed {
			zoom: 1;
			padding: 20px 18px 20px 20px;
		}
		.tl-new-feed .tl-share-title {
			line-height: 18px;
			margin-bottom: 10px;
		}
		.tl-a-feed .content-source {
			margin-top: 5px;
		}
		.tl-a-feed .content-source aside {
			padding: 8px 10px;
			border: 1px solid #EBEBEB;
			background-color: #F7F7F7;
			color: #888;
			zoom: 1;
		}
		#timeline .show_more, #timeline .timeline_marker, #timeline .timeline_marker_combine, #timeline .timeline_marker_combine_month, .born .timeline_marker {
			clear: both;
			text-align: center;
			padding: 20px 0 32px 0;
			padding-left: 347px;
			padding-left: 0\9;
		}
		#timeline .show_more span, #timeline .timeline_marker span, #timeline .timeline_marker_combine span, #timeline .timeline_marker_combine_month span, .born .timeline_marker span {
			background: #c7c7c7;
			color: #fff;
			font-weight: 700;
			font-size: 14px;
			width: 170px;
			padding: 5px 0;
			border-radius: 5px;
			display: table-cell;
			vertical-align: middle;
			display: inline-block\9;
		}
		#timeline .tlr_feed i {
			position: absolute;
			width: 24px;
			height: 14px;
			background: url(http://s.xnimg.cn/apps/profile2/res/timeline/bg_dot_left3.png) no-repeat;
			_background: url(http://s.xnimg.cn/apps/profile2/res/timeline/bg_dot_left_ie6.png) no-repeat;
			top: 15px;
			left: -4px;
			text-indent: -9999em;
		}
		#timeline .overlap i, #timeline .overlap:hover i {
			top: 30px;
		}
		#timeline .overlap i, #timeline .overlap:hover i {
			top: 30px;
		}
		#timeline .tlr_feed:hover i {
			background-position: 0 -14px;
		}
		#timeline .tll_feed i {
			position: absolute;
			width: 25px;
			height: 14px;
			background: url(http://s.xnimg.cn/apps/profile2/res/timeline/bg_dot_right3.png) no-repeat;
			_background: url(http://s.xnimg.cn/apps/profile2/res/timeline/bg_dot_right_ie6.png) no-repeat;
			top: 15px;
			right: -5px;
			text-indent: -9999em;
		}
		#timeline .tll_feed:hover i {
			background-position: 0 -14px;
		}
		.content-media .a-photo, .content-media .cover-photo, .content-media .many-photo, .content-media .three-photo, .content-media .two-photo {
			margin: -15px -15px 0;
		}
		.tl-a-feed .three-photo {
			overflow: hidden;
			zoom: 1;
		}
		.tl-a-feed .three-photo .item {
			width: 136px;
			height: 136px;
			overflow: hidden;
			float: left;
			display: inline;
			margin-right: 1px;
		}
		.tl-a-feed .three-photo .item {
			width: 136px;
			height: 136px;
			overflow: hidden;
			float: left;
			display: inline;
			margin-right: 1px;
		}
		.tl-a-feed .three-photo .last {
			margin-right: 0;
			width: 137px;
		}
		.tl-a-feed .details {
			zoom: 1;
			padding: 10px 15px;
			background-color: #F2F2F2;
			border-top: none;
		}
		.tl-feed-actions menu a {
			float: left;
			display: block;
			border: 1px solid #AAA;
			border-radius: 3px;
			height: 26px;
			line-height: 26px;
			background: url(http://a.xnimg.cn/apps/profile2/res/feed/btnbg.png) 0 0 repeat-x;
			color: #333;
		}
		.tl-feed-actions menu .edit-this {
			border-left: 0 none;
			border-radius: 0 3px 3px 0;
			position: relative;
		}
		.tl-feed-actions menu .edit-this-clicked, .tl-feed-actions menu .edit-this-clicked:hover {
			background-image: url(http://a.xnimg.cn/apps/profile2/res/feed/btnbgselected.png);
		}
		.born {
		    background: url(http://s.xnimg.cn/apps/profile2/res/timeline/bg_timeline_bar2.gif) repeat-y 431px 0;
		}
		#timeline .show_more, #timeline .timeline_marker, #timeline .timeline_marker_combine, #timeline .timeline_marker_combine_month, .born .timeline_marker {
		    clear: both;
		    text-align: center;
		    padding: 20px 0 32px 0;
		    padding-left: 347px;
		    padding-left: 0\9;
		}
		.born .timeline_marker {
		    padding-top: 0!important;
		}
		#timeline .show_more span, #timeline .timeline_marker span, #timeline .timeline_marker_combine span, #timeline .timeline_marker_combine_month span, .born .timeline_marker span {
		    background: #c7c7c7;
		    color: #fff;
		    font-weight: 700;
		    font-size: 14px;
		    width: 170px;
		    padding: 5px 0;
		    border-radius: 5px;
		    display: table-cell;
		    vertical-align: middle;
		    display: inline-block\9;
		}
		#timeline .timeline_feed, .born .timeline_feed {
		    margin-bottom: 25px;
		    width: 432px;
		    position: relative;
		    zoom: 1;
		}
		#timeline .tlf_feed, .born .tlf_feed {
		    clear: both;
		    width: auto;
		}
		#timeline .tlf_feed section, .born .tlf_feed section {
		    width: auto;
		}
		.tl-a-feed .content-main .life-event .avatar {
		    display: block;
		    width: 32px;
		    height: 32px;
		    overflow: hidden;
		    margin: 0 auto;
		}
		.tl-a-feed .content h3 {
		    font-size: 18px;
		    font-weight: 400;
		    font-family: 'Microsoft YaHei',Tahoma,Verdana,STHeiTi,simsun,sans-serif;
		    line-height: 1.5;
		    margin-bottom: -10px;
		}
		.tl-a-feed .content-main .life-event .event-type {
		    font-size: 21px;
		    font-weight: 400;
		    line-height: 1.8;
		    text-align: center;
		    margin-bottom: 0;
		}
		.tl-a-feed .content-main .life-event .event-info {
		    text-align: center;
		    color: #888;
		}
		#timeline_nav {
		    width: 100px;
		    position: fixed;
		    top: 43px;
		    _position: absolute;
		    _top: expression(eval(document.documentElement.scrollTop + 23));
		    _right: 30px;
		}
		#timeline_nav {
		    top: 116px;
		    display: none;
		}
		#timeline_nav li {
		    margin-bottom: 2px;
		    border-left: 6px solid #ccd3e1;
		    _background: 0 0;
		}
		#timeline_nav li.current {
		    border-color: #369;
		}
		#timeline_nav li a {
		    padding: 5px 0 5px 10px;
		    color: #8d9ccf;
		    display: inline-block;
		    outline: 0;
		    blr: expression(this.onFocus=this.blur());
		}
		#timeline_nav li.current a {
		    color: #369;
		    font-size: 20px;
		}
		#ad_box {
		    margin-top: 15px;
		}
		li {
		    list-style: none;
		}
		#timeline_nav ol li {
		    border: none;
		    padding-left: 1.5em;
		    padding-bottom: 3px;
		}
		#timeline_nav ol a {
		    padding: 0;
		}
		#timeline_nav li.current ol a {
		    color: #8d9ccf;
		    font-size: 12px;
		}
		#timeline_nav ol li.current a {
		    color: #369;
		    font-weight: 700;
		}
		.content-source img{
			max-width: 100%;
			max-height: 200px
		}
		.content-main img{
			max-width: 100%;
			max-height: 200px
		}
		.one-photo img{
			/*max-width: 100%;*/
			/*max-height: 200px*/
			max-height:100%;
			max-width: 300px;
		}
	</style>

	<div class="row">
		<aside class="profile-info col-lg-10 bd-content clearfix">
			<div id="profile_wrapper">
				<div id="timeline_wrapper">
					<div id="timeline" class="clearfix" style="padding-bottom: 25px;">
						<!-- <hr> -->
						
						<!-- 遍历所有转发, 状态, 图片的信息以时间轴倒序显示 -->
						<?php foreach ($arr as $key => $value): ?>
							<!-- 建立对应的锚点 -->
							<a name="m<?php echo explode('-', $key)[0] ?>"></a>
							<!-- 年月 -->
							<div class="timeline_marker" data-time="{$k}"  id="m<?php echo str_replace('-', '', $key) ?>">
								<span ><?php echo str_replace('-', '年', $key).'月' ?></span>
							</div>
							<a name="m<?php echo str_replace('-', '', $key) ?>"></a>
							<section >
								<!-- 遍历出具体月份的信息 -->
								<?php foreach ($value[0] as $k => $v): ?>
									<!-- 判断各条目左右显示 -->
									<div class="timeline_feed <?php echo $k%2==1?'tlr_feed overlap':'tll_feed'; ?>">
										<!-- pt为2为上传图片 -->
										<?php if ($v['pt'] == 2): ?>
											<section id="newsfeed-13874597908" class="tl-a-feed" style="display: block;">
												<input type="hidden" value="2011-12-07">
												<article class="content">
													<div class="content-media">
														<div class="one-photo">
															<div class="item">
																<a stats="NF_13874597908_709_231380100" href="{:U('Home/Image/image')}?id=<?php echo $v['nickname'] ?>&photo_id=<?php echo $v['news_id'] ?>" target="_blank">
																	<img src="__PUBLIC__<?php echo $v['content'] ?>" onload="" data-photo="#" >
																</a>
															</div>
														</div>
													</div>
												</article>

												<div class="details">
													<span class="avatar">
														<a stats="NF_13874597908_709_231380100" href="" namecard="231380100" title="" target="_blank">
															<img src="__PUBLIC__<?php echo $_SESSION['home']['photo'] ?>" >
														</a>
													</span>
													<div class="info">
														<p class="main">
															<span class="author">
																<a stats="NF_13874597908_709_231380100" href="#" target="_blank"><?php echo $_SESSION['home']['nickname'] ?></a>
															</span>
															&nbsp;上传了照片至
															<a stats="" class="target" target="_blank" href="{:U('Home/Image/image')}?id=<?php echo $v['nickname'] ?>"><?php echo $v['turn_content'] ?></a>
														</p>
														<p class="time">

															<span class="time-stamp"><?php echo date('Y-m-d H:i',$v['n1time']) ?></span>
														</p>
													</div>
												</div>

											</section>
											<i></i>
										
										<!-- pt为1为信息 -->
										<?php elseif(($v['pt'] == 1)): ?>
											<section id="newsfeed-20932317228" class="tl-a-feed tl-new-feed" style="display: block;">
												<input type="hidden" value="2012-12-31">
												
												<!-- news_id与转发isturn不同为转发 -->
												<?php if ($v['news_id'] != $v['isturn']): ?>
													
													<article class="share-feed">
														<div class="tl-share-title">
															<?php echo $v['content'] ?>
														</div>
														<div class="content-source">
															<aside>
																<div class="main-text tl-share-status">

															<a href="{:U('Home/Visitors/index')}?id=<?php echo $v['n3user_id'] ?>" namecard="600002590" target="_blank"><?php echo $v['nickname'] ?>: </a>
																	<?php echo $v['turn_content']; ?>
																</div>
															</aside>
														</div>
														<div class="tl-share-time"><?php echo date('Y-m-d H:i',$v['n1time']) ?></div>
													</article>
												<!-- news_id与转发isturn相同为首发内容 -->
												<?php else: ?>
													<article class="content">
														<div class="content-header">
															<div class="time">
																<span class="day"><?php echo date('d',$v['n1time']) ?></span>
																<div class="time-right">
																	<span class="month"><?php echo date('m',$v['n1time']) ?>月</span>
																	<span class="year"><?php echo date('Y',$v['n1time']) ?></span>
																</div>
															</div>
														</div>
														<div class="content-main"><?php echo $v['content']; ?></div>
													</article>
												<?php endif ?>

											</section>
											<i></i>
										<?php else: ?>
										<?php endif ?>
									</div>
								<?php endforeach ?>

							</section>
						<?php endforeach ?>
					</div>
					<i></i>
					<div class="born" id="born-le">
						<div class="timeline_marker" data-time="born" id="m00">
							<span>出生</span>
						</div>
						<div class="timeline_feed tlf_feed">
							<section class="tl-a-feed">
								<article class="content">
									<div class="content-main">
										<div class="life-event">
											<span class="avatar">
												<img src="http://a.xnimg.cn/apps/profile2/res/lifeevent/le-born.png"></span>
											<h3 class="event-type">呱呱坠地鸟</h3>
											<p class="event-info">
												{$birth}
											</p>
										</div>
									</div>
								</article>
							</section>
							<i></i>
						</div>
					</div>
				</div>
				<div style="height:260px;"></div>
				<!-- 时间缩略图 -->
				<div id="timeline_nav" style="left: 1121.5px; display: block;">
					<ul>
						<?php foreach ($brr as $ky => $ve): ?>
							<li data-time="2012" class="" >
								<a href="#m<?php echo $ky; ?>" ><?php echo $ky; ?></a>
								<ol>
									<?php foreach ($ve as $ki => $vm): ?>
										<li data-time="<?php echo $ky.'-'.$vm; ?>" class="m<?php echo $ky.$vm ?>" style="display:none">
											<a href="#m<?php echo $ky.$vm ?>"><?php echo $vm; ?>月</a>
										</li>
									<?php endforeach ?>
								</ol>
							</li>
						<?php endforeach ?>
						<li data-time="born" class="m00">
							<a href="javascript:;">出生</a>
						</li>
					</ul>
					<div id="ad_box"></div>
				</div>
			</div>
		</aside>

		<!-- </aside> -->
	</div>

	<!--custom switch-->	
	<script src="__PUBLIC__/Theme/js/bootstrap-switch.js"></script>
	<!--custom tagsinput-->	
	<script src="__PUBLIC__/Theme/js/jquery.tagsinput.js"></script>
	<!--custom checkbox & radio-->	
	<script type="text/javascript" src="__PUBLIC__/Theme/js/ga.js"></script>

	<script type="text/javascript" src="__PUBLIC__/Theme/assets/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
	<script type="text/javascript" src="__PUBLIC__/Theme/assets/bootstrap-daterangepicker/date.js"></script>
	<script type="text/javascript" src="__PUBLIC__/Theme/assets/bootstrap-daterangepicker/daterangepicker.js"></script>
	<script type="text/javascript" src="__PUBLIC__/Theme/assets/bootstrap-colorpicker/js/bootstrap-colorpicker.js"></script>
	<script type="text/javascript" src="__PUBLIC__/Theme/assets/ckeditor/ckeditor.js"></script>

	<!--script for this page-->	
	<script src="__PUBLIC__/Theme/js/form-component.js"></script>

	<!-- 滚动条监听js -->
	{$html}

	<script>
			$(function(){
				//出生的滚动条监听
				var waypoint = new Waypoint({
				  element: $('#m00'),
				  handler: function(direction) {
				
					if (direction=='down') {
						$('.m00').addClass('current');
						$('.m00').siblings().removeClass('current').find('ol').hide();
					}else{
						$('.m00').removeClass('current').prev().addClass('current').find('ol').show().children('li:last').addClass('current').siblings().show();
					}

				  },
				  offset:85
				});

				// 刚进时间缩略状态
				$('#timeline_nav li:first').addClass('current').children('ol:first').show().children('li:first').addClass('current').show().siblings().show();
			})
	</script>
</block>